<!doctype html>

<html>

<head>

    <meta charset="utf-8">

    <meta http-equiv="X-UA-Compatible" content="IE=edge">

    <meta name="viewport" content="initial-scale=1.0, user-scalable=no, width=device-width">

    <title>map</title>

    <link rel="stylesheet" href="https://cache.amap.com/lbs/static/main1119.css"/>

    <script type="text/javascript"

            src="https://webapi.amap.com/maps?v=1.4.15&key=8325164e247e15eea68b59e89200988b"></script>

    <script type="text/javascript" src="https://cache.amap.com/lbs/static/addToolbar.js"></script>

</head>

<body>

<div id="container"></div>

<script type="text/javascript">

    //初始化地图对象，加载地图

    var map = new AMap.Map("container", {zoom: 15, center: [108.908977,34.206758],resizeEnable: true,mapStyle: 'amap://styles/dark',});

    var lnglats = [

        [108.908977,34.206758],
    ];
	var markerArr = [  

	  { title: "", title: "西安晟昕科技发展有限公司", address: "电子西街三号西京电气生产力大厦B座一层五层六层", tel: "029-88853816" },


  ];  

	

    var infoWindow = new AMap.InfoWindow({offset: new AMap.Pixel(0, -30)});

    for (var i = 0, marker; i < lnglats.length; i++) {

        var marker = new AMap.Marker({

            position: lnglats[i],

            map: map

        });

        marker.content = "<h4>" + markerArr[i].title +"</h4>" + "<p style=’font-size:12px;lineheight:1.8em;’>" + "Add：" + markerArr[i].address + "</br> Tel：" + markerArr[i].tel + "</br></p>";

        marker.on('click', markerClick);

        marker.emit('click', {target: marker});

    }

    function markerClick(e) {

        infoWindow.setContent(e.target.content);

        infoWindow.open(map, e.target.getPosition());

    }

	  

    map.setFitView();
	//map.setLang('en');
	map.setMapStyle('amap://styles/whitesmoke');
</script>



<style>

.amap-info-content h4{ font-size:16px; color:#15499a;  margin-bottom:10px}

.amap-info-content p{ font-size:12px; line-height:26px; color:#404040}

</style>

</body>

</html>